/* 新界面样式，隐藏默认显示 */
#new-interface {
    display: none;
}

/* 智能出题界面样式 */
.smart-question-container {
    width: 95%;
    margin: -22.5%;
    margin-left: 4.8%;
    position: absolute;
    height: 98%;
    border: 2px solid #043d6b; /* 边框样式 */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1),
            0 5px 15px rgba(0, 0, 0, 0.1),
            0 -2px 6px rgba(0, 0, 0, 0.1) inset;
    /*border-radius: 10px;*/
    background-color: rgb(253, 253, 253);
}


/* 下拉菜单样式 */
.question-type-select {
    width : 15%;
    margin-bottom: 10px;
    margin-left: 20px;
    border: 1.6px solid #043d6b;
    border-radius: 3px;
}

/* 题目展示框样式 */
.question-display {
    width: 95%;
    margin: 0 auto; /* 将左右边距设置为 auto，实现水平居中 */
    margin-bottom: 10px;
    padding: 10px;
    border: 3px solid #043d6b;    
    border-style: double;
}

/* 答案展示框样式 */
.answer-display {
    width: 95%;
    margin: 0 auto; /* 将左右边距设置为 auto，实现水平居中 */
    margin-bottom: 10px;
    padding: 10px;
    border: 3px solid #043d6b;
    border-radius: 5px;
}

#answer-hint {
    position: absolute; /* 设置为绝对定位 */
    top: 0; /* 距离父元素顶部的距离 */
    right: 0; /* 距离父元素右侧的距离 */
    margin-top: 10px; /* 上边距 */
    margin-right: 20px; /* 右边距 */
    color: #333; /* 文本颜色 */
    font-size: 12px; /* 字体大小 */
}

.top-buttons {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    
}

.top-buttons button {
    height: 30%;
    width: 3%;
    background-color: white;
    color: black;
    border: 3px solid #05365e;
    box-shadow: #a2a2a2 0px 50px 100px -20px, rgba(57, 57, 57, 0.3) 0px 30px 60px -30px, rgba(218, 218, 218, 0.318) 0px -2px 6px 0px inset;     
    border-radius: 10px;
    text-align: center;
    font-weight: bolder;
    writing-mode: vertical-rl;
    text-orientation: upright;
    white-space: nowrap;
    font-size: 13px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
    display: flex; /* 使用 flex 布局 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}


/* 按钮悬停效果 */
.top-buttons button:hover {
    color:#ffffff;
    background: #4f8055; /* 悬浮时的背景颜色 */
}

